.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  background-color: $white;
  font-size: 12px;
  line-height: 20px;
  text-align: left;

  .hidden-columns {
    visibility: hidden;
    position: absolute;
    z-index: -1;
  }

  th,
  td {
    min-width: 0;
    vertical-align: middle;
    position: relative;

    &:first-child {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
  overflow: hidden;
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
  width: 100%;
}

.el-table__body,
.el-table__footer,
.el-table__header {
  table-layout: fixed;
  border-collapse: separate;
}

.el-table__header-wrapper {
  border: {
    width: 1px 0;
    style: solid;
    color: #ebedf5;
  }
}

.el-table {
  thead {
    color: #1c2438;
    font-weight: 500;
  }

  th {
    padding: 9px 10px;
    background-color: #f6f7fb;

    & + th {
      border-left: 1px solid $white;
    }
  }

  td {
    background-color: $white;
    padding: 17px 10px;
    @include box-shadow(inset 0 -1px 0 0 #ebedf5);
  }
}

.el-table--striped {
  .el-table__row--striped td {
    background-color: #f6f7fb;
  }
}

// fixed

.el-table__fixed,
.el-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0;
}

.el-table__fixed-header-wrapper {
  border-top: 1px solid #ebedf5;
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
  left: auto;
  right: 0;
}

.el-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.el-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  overflow: hidden;
  z-index: 3;
}

.el-table--scrollable-x {
  .el-table__body-wrapper {
    overflow-x: auto;
  }
}

.el-table__body-wrapper.is-scrolling-left ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right ~ .el-table__fixed-right {
  @include box-shadow(none);
}

.el-table__fixed,
.el-table__fixed-right {
  @include box-shadow(0 2px 7px 0 rgba(0, 0, 0, 0.3));
}

.el-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #fff;
  border-bottom: 1px solid #ebeef5;
}

.el-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #ebeef5;
  z-index: 10;
}

.el-table td.is-hidden > *,
.el-table th.is-hidden > * {
  visibility: hidden;
}

.el-table__empty-block {
  text-align: center;
  line-height: 66px;
}
